// import ClassCounter from "./pages/01_BaseUseOfHooks/ClassCounter";
// import HooksCounter from "./pages/01_BaseUseOfHooks/HooksCounter";

// import ComplexDataHooks from "./pages/01_BaseUseOfHooks/ComplexDataHooks";

// import ClassCounter from "./pages/02_EffectHooks/classCounter";
// import EffectCounter from "./pages/02_EffectHooks/EffectCounter";
// import ClearEffectCpn from "./pages/02_EffectHooks/ClearEffectCpn";
import React from "react";
// import RefHookForDomOrClass from "./pages/06_RefHook/RefHookForDomOrClass";
// import UseRefToSaveForwardValue from "./pages/06_RefHook/UseRefToSaveForwardValue";
// import LogCpnCreateAndDestroy from "./pages/09_CustomHookCpn/LogCpnCreateAndDestroy";
// import UserAndTokenContextHook from "./pages/09_CustomHookCpn/UserAndTokenContextHook";
// import CustomScrollPositionHook from "./pages/09_CustomHookCpn/CustomScrollPositionHook/CustomScrollPositionHook";
import LocalStorageHookCpn from "./pages/09_CustomHookCpn/LocalStorageHook/LocalStorageHookCpn";
import Link from "./pages/06_RefHook/Link";
import UseEffectAndUseMemoDifferece from "./pages/10_UseEffectAndUseMemoDifferece/UseEffectAndUseMemoDifferece";
// import CommonForwardRefAndUseRef from "./pages/07_UseImperativeHandleHook/CommonForwardRefAndUseRef";
// import UseImperativeHandleHook from "./pages/07_UseImperativeHandleHook/UseImperativeHandleHook";
// import CommonUseEffect from "./pages/08_UseLayoutEffectHook/CommonUseEffect";
// import UseLayoutEffectHook from "./pages/08_UseLayoutEffectHook/UseLayoutEffectHook";
// import UseMemoHookInChildrenCpn from "./pages/04_MemoHook/UseMemoHookInChildrenCpn";
// import React, { useState } from "react";
// import ContextHook from "./pages/02_EffectHooks/ContextHook/ContextHook";
// import CallbackHook from "./pages/05_CallbackHook/CallbackHook";
// import MemoHook from "./pages/04_MemoHook/MemoHook";

function App() {
  // const [isShow, setIsShow] = useState(true);
  return (
    <div className="App">
      {/*01*/}
      {/*<ClassCounter />*/}
      {/*<HooksCounter />*/}
      {/*<ComplexDataHooks />*/}
      {/*o2*/}
      {/*<ClassCounter />*/}
      {/*<EffectCounter />*/}
      {/*{isShow && <ClearEffectCpn />}*/}
      {/*<ContextHook />*/}
      {/*<button onClick={() => setIsShow(!isShow)}>隐藏dom元素</button>*/}
      {/*<CallbackHook />*/}
      {/*<MemoHook />*/}
      {/*<UseMemoHookInChildrenCpn />*/}
      {/*<RefHookForDomOrClass />*/}
      {/*<UseRefToSaveForwardValue />*/}
      {/*  <CommonForwardRefAndUseRef />*/}
      {/*<UseImperativeHandleHook/>*/}
      {/*<CommonUseEffect />*/}
      {/*<UseLayoutEffectHook />*/}
      {/*<LogCpnCreateAndDestroy />*/}
      {/*<UserAndTokenContextHook />*/}
      {/*<CustomScrollPositionHook />*/}
      {/*<LocalStorageHookCpn />*/}
      <UseEffectAndUseMemoDifferece />
    </div>
  );
}

export default App;
